﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>

    <script src="js/General.js" type="text/javascript"></script>
    

    <script src="js/Datetimepicker.js" type="text/javascript"></script>

    <script type="text/javascript">
    openMenu = function()
    {
    var item = document.getElementById("menuitem");
    item.className = "items_hover";
    }
    
    closeMenu = function()
    {
    var item = document.getElementById("menuitem");
    item.className = "items";
    }
    
    doItemA = function(){ 
        closeMenu(); 
    }
    
    doItemB = function(){ closeMenu();}
    
    </script>

    <style type="text/css">
        .popup .items .items_hover
        {
            cursor: pointer;
        }
        .popup .items
        {
            display: none;
        }
        .items_hover
        {
            display: inline;
            font-size: 80%;
            border: gray solid thin;
            background-color: white;
            position: absolute;
            z-index: 1;
        }
    </style>
</head>
<body>
    <form id="main_form" runat="server" name="formutama" method="post" enctype="multipart/form-data" action="ASHX/FileUpload.ashx">
    <textarea> aabb \r cc /r dd</textarea>
    <div onload="function(s,e){self.close();}">
    </div>
    <div class="popup" onclick="openMenu();">
        Menu Title <span id="menuitem" class="items"><a href="javascript:doItemA();">Popup Item
            #1</a> <a href="javascript:doItemB();">Popup Item #2</a> </span>
    </div>
    <input type="text" onblur="onlyEmail(this);" autocomplete="off" />
    <br />
    <input type="text" onblur="onlyPhone(this);" />
    <br />
    <input type="text" onblur="regexTextbox(this,'^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$');" />
    <br />
    <input id="demo1" type="text" size="25" readonly="readonly">
    <a href="javascript:NewCssCal('demo1', 'ddMMMyyyy', 'DropDown', true, 24, false, true)">
        <img src="images/cal.gif" width="16" height="16" alt="Pick a date" style="cursor:pointer"></a>
        <br />
        <br />
        <br />
        <input type="file" id="909_4" name="txt_909_4" size="50"/>
        <br/>&nbsp;&nbsp;<input type="submit" value="upload"/>
        <div id="uplimg_909_4" style="display:inline;"></div>
        
        <input type="checkbox" id="" name="" value="" />
        z
        <textarea>
        </textarea>
        <fieldset>
        <dl>
         <dt>
         </dt>
        </dl>
        </fieldset>
        
        
        <input type="button" id="btnFilter" class="btn" style="margin-left: 5px; margin-right: 5px;"
                onclick="Filter();" value="FILTER" size="15" />
    </form>

    
    
    
<table style="width:100%; border-spacing: 1em; border-collapse: separate;" 
    border="1">
    <tr>
        <td style="width:15%; text-align:center;">Kelas</td>
        <td style="width:15%; text-align:center;">Jenis</td>
        <td style="width:50%; text-align:center;">Statistik</td>
        <td style="width:10%; text-align:center;">Total File</td>
        <td style="width:10%; text-align:center;">Total Pelanggan</td>
    </tr>
    <tr>
        <td rowspan="2" align="center">GOLD</td>
        <td><a href="CDReport.aspx?mode=GOLDKONFIG">Konfig</a></td>
        <td align="center"><div style="width:0.17%; background-color:#00FF00;"></div>2%</td>
        <td align="center">2</td>
        <td rowspan="2" align="center">100</td>
    </tr>
    <tr>
        <td>Datek</td>
        <td align="center"><div style="width:50%; background-color:#66FF66"></div>50%</td>
        <td align="center">50</td>
    </tr>
</table>

    
    
    
<table style="width:100%;" border="1">
<tr>
    <td style="text-align:right; vertical-align:top;"><img src="images/cal_reverse.gif" alt="prev" /></td>
    <td>
    <table style="width:100%;" border="1">
    <tr>
        <td style="width:50%;">Nama CAR</td>
        <td style="width:10%;">Monday</td>
        <td style="width:10%;">Tuesday</td>
        <td style="width:10%;">Wednesday</td>
        <td style="width:10%;">Thursday</td>
        <td style="width:10%;">Friday</td>
    </tr>
    <tr>
        <td style="width:50%;">Nama CAR</td>
        <td style="width:10%;">Monday</td>
        <td style="width:10%;">Tuesday</td>
        <td style="width:10%;">Wednesday</td>
        <td style="width:10%;">Thursday</td>
        <td style="width:10%;">Friday</td>
    </tr>
    </table>
    </td>
    <td><img src="images/cal_forward.gif" alt="prev" /></td>
</tr>
</table>
    
    
</body>
</html>
